<head>
    <link rel="stylesheet" href="4.css">
    <meta charset="UTF-8">
</head>

<body>
    <div class="navbar">
        <div class="titleleft">
            <a href="4.html" class="titlelink">开课吧首页</a>
            <a href="#" class="titlelink">创业微学院</a>
            <a href="#" class="titlelink">摄影微学院</a>
            <a href="#" class="titlelink">微聚</a>
            <a href="#" class="titlelink">论坛</a>
        </div>
        <div class="titleright">
            <a href="#" class="titlelink">登录|注册</a>
            <a href="#" class="titlelink">播放记录</a>
            <a href="#" class="titlelink">app下载</a>
        </div>
    </div>

    <div class="navbar2">
        <div class="titleleft">
            <a href="main.html" target="_self" class="titlelink2"><span style="font-size: 25px;">摄影</span>开课吧</a>
            <a href="user.html" target="_self"  class="titlelink2">个人中心</a>
            <a href="video.html" target="_self"  class="titlelink2">视频播放</a>
        </div>
        <div class="titleright">
            <img src="">
            <img src="">
            <img src="">
        </div>
    </div>

    <div class="basep1">
        <div style="font-size: smaller;margin-top: 5px;">
            摄影首页>摄影器材>手机
        </div>
        <br>
        <div style="font-size: medium;">
            正在播放:初学者怎么挑选镜头
        </div>
        <div class="start">
            <video src="C:\Users\dante\Videos\屏幕录制\a.mp4" controls muted loop class="clip "></video>
        </div>
        <div class="three">
            <a href="" style="float: left;">点赞</a>
            <a href="" style="float: left;">收藏</a>
            <a href="" style="float: left;">分享</a>
            <span style="float: right;">12.5万次播放</span>
        </div>
    </div>

    <div class="basep2">
        <div class="section">
            <div style="margin-bottom: 20px;">
                选集.共24集
            </div>
            <div class="select">
                <img src="C:\Users\dante\Downloads\img1.jpeg" alt="">
                <img src="" alt="">
                <img src="" alt="">
                <img src="" alt="">
            </div>
            <div style="margin-bottom: 20px;margin-top: 20px;">
                相关视频
            </div>
            <div class="relative">
                <img src="C:\Users\dante\Downloads\img1.jpeg" alt="">
                <img src="" alt="">
                <img src="" alt="">
                <img src="" alt="">
                <img src="C:\Users\dante\Downloads\img1.jpeg" alt="">
                <img src="" alt="">
                <img src="" alt="">
                <img src="" alt="">
            </div>
            <div style="margin-bottom: 20px;margin-top: 20px;">
                评论
            </div>
            <div class="evlt">
                <textarea style="margin: 30px;color: gray;width: 93%;height: 300px;;">请输入评论</textarea>
                <button
                    style="float: right;margin-right: 30px;background-color: rgb(84, 179, 241);border-style: none;color: white;border-radius: 5px;width: 100px;height: 30px;">发表评论</button>
            </div>
            <div style="height: 100px;">
                <hr>
            </div>
        </div>

        <div class="aside">
            视频信息
            <hr>
            <img style="width: 100%;height: auto;" src="C:\Users\dante\Downloads\img1.jpeg" alt="">
            精选活动
            <hr>
            <img style="width: 100%;height: auto;margin-top: 20px;" src="C:\Users\dante\Pictures\Screenshots\2_2025-09-02_223342_278.png" alt="">
            <img style="width: 100%;height: auto;margin-top: 20px;" src="C:\Users\dante\Downloads\img1.jpeg" alt="">
            <img style="width: 100%;height: auto;margin-top: 20px;" src="C:\Users\dante\Pictures\Screenshots\2_2025-09-02_223342_278.png" alt="">
        </div>

    </div>
    <div class="bottom">
        版权所有aaa
    </div>

</body>